/* all tag*/
*{margin:0;padding:0;border:none;font-size:1.5625vw;font-family:"微软雅黑"; }
html,body{height:100%;width:100%;overflow: hidden;}
/*music*/
.music{position: fixed;top:3vh;right:4vw;z-index: 5;width:15vw;height:15vw;border:4px solid #ef1639;border-radius: 50%;background: #fff;}
.music>img:first-of-type{position: absolute;top:24%;z-index:1;right:2.5%;width:28.421%;}
.music>img:last-of-type{position: absolute;top:0px;z-index:0;right: 0;left:0;bottom: 0;margin: auto;width:79%;}
.music>img.play{
	-webkit-animation:music_disc 4s linear infinite;
	animation: music_disc 4s linear infinite;
}
@keyframes music_disc{
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-webkit-keyframes music_disc{
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
/*page bg*/
.page{position: absolute;height:100%;width:100%;}
.page>.bg{position: absolute;height:100%;width:100%;z-index: -1;}
/*page1*/
#page1{display: block;}
#page1 > .bg{background:url(../images/p1_bg.jpg) no-repeat center center; background-size: 100%;}
#page1>.p1_lantern{position: absolute;top:-3.4%;right:0;left: 0;background: url("../images/p1_lantern.png") no-repeat center center;background-size: 100%;margin:auto;width: 45vw;height:71.2vh;font-size: 3.506rem;padding-top:31vh;text-align: center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing: border-box;color: #fff;}
#page1>.p1_lantern:before{position: absolute;top:0;left:0;right:0;bottom: 0;z-index: -1;content: '';border-radius: 50%;margin:auto;width:30vw;height:30vw;background: #d60b3b;opacity: 0.5;-webkit-box-shadow: 0 0 10vw 10vw #d60b3b;-moz-box-shadow: 0 0 10vw 10vw #d60b3b;-ms-box-shadow: 0 0 10vw 10vw #d60b3b;-o-box-shadow: 0 0 10vw 10vw #d60b3b;box-shadow: 0 0 10vw 10vw #d60b3b;
  animation: p1_lantern 0.5s infinite alternate;
  -webkit-animation:p1_lantern 0.5s infinite alternate;
}
@keyframes p1_lantern{
	0%{
		opacity: 0.5;
		transform: scale(0.8,0.8);
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes p1_lantern{
	0%{
		opacity: 0.5;
		transform: scale(0.8,0.8);
	}
	100%{
		opacity: 1;
	}
}
#page1>.p1_imooc{position: absolute;right:0;bottom: 9vh;left:0;background: url('../images/p1_imooc.png') no-repeat center center;background-size:100%;width:31.656vw;height:18.63vh ;margin:auto;}
#page1>.p1_words{font-size: 2.134rem;position: absolute;right:0;left:0;bottom: 48px;text-align: center;color:#231815;}
/*page2*/
#page2 {display:none;
	-webkit-transition: .5s;
	transition: .5s;
}
.fadeOut{
	opacity: .3;
	-webkit-transform: translate(0,-100%);
	transform: translate(0,-100%);
}
#page2 > .bg_gray{
	z-index: 4;
	background: #ef1639;
	-webkit-animation: bg_gray 1s linear forwards;
	animation: bg_gray 1s linear forwards;
}
@-webkit-keyframes bg_gray{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes bg_gray{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
#page2 > .bg{background:url(../images/p2_bg.jpg) no-repeat center center; background-size: 100%;}

#page2 > .p2_circle{position: absolute;top:0;left:0;right:0;bottom: 0;margin:auto;background:url(../images/p2_circle_outer.png) no-repeat center center;background-size: 100%;width:59.375vw;height:59.375vw;animation: p2_circle 1s linear 2s infinite;
  -webkit-animation:p2_circle 1s linear 2s infinite;}
@keyframes p2_circle{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100%{
		transform: rotate(-360deg);
		-webkit-transform:rotate(-360deg);
	}
}
@-webkit-keyframes p2_circle{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100%{
		transform: rotate(-360deg);
		-webkit-transform:rotate(-360deg);
	}
}
#page2 > .p2_circle:before{position: absolute;top:0;left:0;right:0;bottom: 0;margin:auto;content: "";background:url(../images/p2_circle_middle.png) no-repeat center center;background-size: 100%;width:45.62vw;height:45.62vw;animation: p2_circle_middle 1s linear 2s infinite;
  -webkit-animation:p2_circle_middle 1s linear 2s infinite;}
@keyframes p2_circle_middle{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100%{
		transform: rotate(-720deg);
		-webkit-transform:rotate(-720deg);
	}
}
@-webkit-keyframes p2_circle_middle{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100%{
		transform: rotate(-720deg);
		-webkit-transform:rotate(-720deg);
	}
}
#page2 > .p2_circle:after{position: absolute;top:0;left:0;right:0;bottom: 0;margin:auto;content: '';background:url(../images/p2_circle_inner.png) no-repeat center center;background-size: 100%;width:39.9375vw;height:39.9375vw;
 animation: p2_circle_linner 1s linear 1s infinite;
  -webkit-animation:p2_circle_linner 1s linear 1s infinite;
}
@keyframes p2_circle_linner{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100%{
		transform: rotate(-1080deg);
		-webkit-transform:rotate(-1080deg);
	}
}
@-webkit-keyframes p1_lantern{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100%{
		transform: rotate(-1080deg);
		-webkit-transform:rotate(-1080deg);
	}
}
#page2 > .p2_2016{position: absolute;top:0;left:0;right:0;bottom: 0;margin:auto;background:url(../images/p2_2016.png) no-repeat center center;background-size: 100%;width:27.18vw;height:6.24vh;}
/*page3*/
#page3 {display:none;
	-webkit-transition: .5s;
	     transition: .5s;
}
#page3 > .bg{background:url(../images/p3_bg.jpg) no-repeat center center; background-size: 100%;}
.fadeIn{
	-webkit-transform: translate(0,-100%); 
	transform: translate(0,-100%); 
}
#page3>.p3_logo{width:34.6875vw;height:6.327vw;position: absolute;top: 7.82vh;right:0;left: 0;margin: auto;background: url("../images/p3_logo.png") no-repeat center center;background-size: 100%;}
#page3>.p3_title{width: 48.125vw;height:50vh;position: absolute;top: 21vh;right:0;left:0;background: url(../images/p3_title.png) no-repeat center center;background-size: 100%;margin: auto;}
#page3>.p3_second{width: 22.8125vw;height:41.652vh;position: absolute;top: 25.48vh;left:3.75vw;background: url(../images/p3_couplet_second.png) no-repeat center center;background-size: 100%;}
#page3>.p3_first{width: 22.8125vw;height:41.652vh;position: absolute;top: 25.48vh;right:3.75vw;background: url(../images/p3_couplet_first.png) no-repeat center center;background-size: 100%;}
#page3>.p3_blessing{width:32vw;height:32vw;position: absolute;bottom: 10vh;right:0;left: 0;margin: auto;border-radius: 50%;background: url("../images/p3_blessing.png") no-repeat center center;background-size: 100%;
-webkit-animation:blessing_play 2s linear infinite;
	animation: blessing_play 2s linear infinite;}
@keyframes blessing_play{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
}
@-webkit-keyframes blessing_play{
	0%{
		transform: rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
}